<!DOCTYPE html>
<html lang="en">
<head>
    <title>实验室</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>
    <link href="../css/bootstrap.css" rel='stylesheet' type='text/css' />
    <!-- Custom Theme files -->
    <link href="../css/style.css" rel="stylesheet" type="text/css" media="all" />
    <script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>
    <!-- Custom Theme files -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Studeon Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!--webfont-->
    <link href='#css?family=Oswald:400,700,300|Open+Sans:300italic,400italic,600italic,400,300,600,700' rel='stylesheet' type='text/css'>
    <!--//webfont-->
    <!--Animation-->
    <script src="../js/wow.min.js"></script>
    <link href="../css/animate.css" rel='stylesheet' type='text/css' />
    <script>
        new WOW().init();
    </script>
    <link rel="stylesheet" href="../css/experiment.css">

</head>
<body>
<!--导航栏-->
<div class="header box css3-shadow" id="head">
    <div class="container">
        <div class="header-top">
            <div class="logo wow bounceInLeft" data-wow-delay="0.4s">
                <a href="index.html"><img src="../images/东北林业大学logo.jpeg" width="50" height="50" alt=""/></a>
            </div>
            <div class="h_menu4"><!-- start h_menu4 -->
                <a class="toggleMenu" href="#">Menu</a>
                <ul class="nav">
<!--                    <li class="active"><a class="scroll" href="index.html">首页</a></li>-->
                    <li class="active"><a href="index.html">首页</a></li>
<!--                    <li><a href="index.html" class="scroll">专业介绍</a></li>-->
                    <li><a href="index.html">专业介绍</a></li>
                    <li><a href="contact.html">实验室</a>
                        <ul>
                            <li><a href="contact.html">实验室1</a></li>
                            <li><a href="experiment2.html">实验室2</a></li>
                        </ul>
                    </li>
                    <li><a href="portfolio.html">教师队伍</a>
<!--                        <ul>-->
<!--                            <li><a href="feature.html">教授</a></li>-->
<!--                            <li><a href="feature.html">副教授</a></li>-->
<!--                            <li><a href="feature.html">讲师</a></li>-->
<!--                        </ul>-->
                    </li>
<!--                    <li><a href="index.html" class="scroll">就业指南</a></li>-->
                    <li><a href="index.html">就业指南</a></li>
                    <li><a href="feature.html">新闻公告</a></li>
                </ul>
                <script type="text/javascript" src="../js/nav.js"></script>
            </div><!-- end h_menu4 -->
            <!--        <div class="social_icons wow bounceInRight" data-wow-delay="0.4s">-->
            <!--            <ul>-->
            <!--                <li><a href="#"><i class="facebook"></i></a></li>-->
            <!--                <li><a href="#"><i class="twitter"></i></a></li>-->
            <!--                <li><a href="#"><i class="rss"></i></a></li>-->
            <!--                <li><a href="#"><i class="viemo"></i></a></li>-->
            <!--                <li><a href="#"><i class="youtube"></i></a></li>-->
            <!--                <li><a href="#"><i class="linkedin"></i></a></li>-->
            <!--            </ul>-->
            <!--        </div>-->

            <div class="clearfix"> </div>

        </div><!-- end header_main4 -->
    </div>
</div>
<!--start-contact-->
<!--<div class ="contact-section">-->
<!--    <div class="container">-->
<!--        <div class="contact">-->
<!--            <h3 class="wow bounceIn" data-wow-delay="0.4s">CONTACT US</h3>-->
<!--            <p class="wow fadeInUpBig animated" data-wow-delay="0.4s">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur,Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, </p>-->
<!--            <form class="wow bounceIn" data-wow-delay="0.4s">-->
<!--                <input type="text" placeholder="Name" required=" ">-->
<!--                <input type="text" placeholder="E-mail" required=" ">-->
<!--                <input type="text" placeholder="Subject" required=" ">-->
<!--                <textarea placeholder="Message" required=" "></textarea>-->
<!--                <input type="submit" value="SEND MESSAGE">-->
<!--            </form>-->
<!--        </div>-->
<!--        <div class="map">-->
<!--            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d315198.42131784896!2d5.849972999999987!3d51.888564!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c7a7e5143e7afb%3A0xb21ce1ae282c4483!2sBarenbrug+Holland+B.V.!5e0!3m2!1sen!2sin!4v1427362466033" frameborder="0" style="border:0"></iframe>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->
<!--轮播但不需要轮播-->
<div class="slider-bg">
    <div class="container">
        <div class="grid-1">
            <div class="col-md-5 left-grid-1 wow bounceInLeft" data-wow-delay="0.4s">
                <h1>实验室</h1>
            </div>
            <div class="col-md-7 right-grid-1 wow bounceInRight" data-wow-delay="0.7s">
                <div class="slider">
                    <div class="callbacks_container">
<!--                        <ul class="rslides" id="slider">-->
<!--                            <li>-->
<!--                                <img src="../images/轮播图片1.jpeg" class="img-responsive" alt="" />-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <img src="../images/轮播图片2.jpeg" class="img-responsive" alt="" />-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <img src="../images/轮播图片3.jpeg" class="img-responsive" alt="" />-->
<!--                            </li>-->
<!--                            &lt;!&ndash;                            <li>&ndash;&gt;-->
<!--                            &lt;!&ndash;                                <img src="images/slide1.png" class="img-responsive" alt="" />&ndash;&gt;-->
<!--                            &lt;!&ndash;                            </li>&ndash;&gt;-->
<!--                        </ul>-->
                        <img src="../images/轮播图片2.jpeg" width="100%" height="100%" alt="">
                    </div>
                </div>
            </div>
<!--            </script><script src="../js/responsiveslides.min.js"></script>-->
<!--            <script>-->
<!--                $(function () {-->
<!--                    $("#slider").responsiveSlides({-->
<!--                        auto: true,-->
<!--                        nav: true,-->
<!--                        speed: 500,-->
<!--                        namespace: "callbacks",-->
<!--                        pager: true,-->
<!--                    });-->
<!--                });-->
<!--            </script>-->

        </div>
        <div class="clearfix"> </div>
    </div>
</div>
<!--实验室1-->
<div>
    <div class="container">
        <div class="col-md-4">
            <nav class="navbar bg-light">

                <!-- Links -->
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link" href="#">实验室1</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="experiment2.html">实验室2</a>
                    </li>
<!--                    <li class="nav-item">-->
<!--                        <a class="nav-link" href="#">Link 3</a>-->
<!--                    </li>-->
                </ul>

            </nav>
        </div>
        <div class="col-md-8">
            <h1 class="room1-text">实验室1</h1>
            <hr>
            <p class="room1-text">内容介绍</p>
            <p class="room1-text">内容介绍</p>
            <p class="room1-text">内容介绍</p>
            <p class="room1-text">内容介绍</p>
            <p class="room1-text">内容介绍</p>
            <p class="room1-text">内容介绍</p>
            <p class="room1-text">内容介绍</p>
            <p class="room1-text">内容介绍</p>
            <p class="room1-text">内容介绍</p>
<!--            <img src="../images/实验室1.jpeg" class="room1-img" alt="实验室1">-->
        </div>
    </div>
</div>
<!--&lt;!&ndash;/start-footer-section&ndash;&gt;-->
<div class="footer-section">
    <div class="container">
        <div class="footer-grids wow bounceIn animated" data-wow-delay="0.4s">
            <div class="col-md-4 footer-grid">
                <h4>版权所有</h4>
                <div class="border2"></div>
                <p>东北林业大学信息与计算机工程学院软件工程专业</p>
                <!--                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</p>-->
                <!--                <p class="sub">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</p>-->
            </div>
            <div class="col-md-4 footer-grid tags">
                <h4>提出建议</h4>
                <div class="border2"></div>
                <a href="#" style="color: white; text-decoration: none"><p>提出建议</p></a>
                <!--                <ul class="tag">-->
                <!--                    <li><a href="#">Awesome</a></li>-->
                <!--                    <li><a href="#">Strategy</a></li>-->
                <!--                    <li><a href="#">Photography</a></li>-->
                <!--                    <li><a href="#">Development</a></li>-->
                <!--                    <li><a href="#">Css</a></li>-->
                <!--                    <li><a href="#">photoshop</a></li>-->
                <!--                    <li><a href="#">Html</a></li>-->
                <!--                    <li><a href="#">Awesome</a></li>-->
                <!--                    <li><a href="#">Strategy</a></li>-->
                <!--                    <li><a href="#">Photoshop</a></li>-->
                <!--                    <li><a href="#">Html</a></li>-->
                <!--                </ul>-->
            </div>
            <div class="col-md-4 footer-grid tweet">
                <h4>联系方式</h4>
                <div class="border2"></div>
                <p>电话：11111111111</p>
                <p>qq: 2222222222</p>
                <p>邮箱：3333333333@xx.com</p>
                <!--                <div class="icon-3-square">-->
                <!--                    <a href="#"><i class="square-3"></i></a>-->
                <!--                </div>-->
                <!--                <div class="icon-text">-->
                <!--                    <p>I like this awesome freebie. Check it out<a href="#"> @http://t.co/9vslJFpW </a></p>-->
                <!--                    <h5>About 15 mins</h5>-->
                <!--                </div>-->
                <!--                <div class="clearfix"></div>-->
                <!--                <div class="icon-3-square">-->
                <!--                    <a href="#"><i class="square-3"></i></a>-->
                <!--                </div>-->
                <!--                <div class="icon-text">-->
                <!--                    <p>I like this awesome freebie. Check it out<a href="#"> @http://t.co/9vslJFpW </a></p>-->
                <!--                    <h5>About 15 mins</h5>-->
                <!--                </div>-->
                <!--                <div class="clearfix"></div>-->
            </div>
            <!--            <div class="col-md-3 footer-grid flickr">-->
            <!--                <h4>flickr feed</h4>-->
            <!--                <div class="border2"></div>-->
            <!--                <div class="flickr-grids">-->
            <!--                    <div class="flickr-grid">-->
            <!--                        <a href="#"><img src="../images/f1.png" alt=" " title="CEO" /></a>-->
            <!--                    </div>-->
            <!--                    <div class="flickr-grid">-->
            <!--                        <a href="#"><img src="../images/f2.png" alt=" " title="GM" /></a>-->
            <!--                    </div>-->
            <!--                    <div class="flickr-grid">-->
            <!--                        <a href="#"><img src="../images/f3.png" alt=" " title="CEO" /></a>-->
            <!--                    </div>-->
            <!--                    <div class="clearfix"> </div>-->

            <!--                    <div class="flickr-grid">-->
            <!--                        <a href="#"><img src="../images/f4.png" alt=" " title="GM" /></a>-->
            <!--                    </div>-->
            <!--                    <div class="flickr-grid">-->
            <!--                        <a href="#"><img src="../images/f3.png" alt=" " title="CEO" /></a>-->
            <!--                    </div>-->
            <!--                    <div class="flickr-grid">-->
            <!--                        <a href="#"><img src="../images/f2.png" alt=" " title="GM" /></a>-->
            <!--                    </div>-->
            <!--                    <div class="clearfix"> </div>-->
            <!--                </div>-->
            <!--            </div>-->
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!--//end-footer-section-->
<!--/start-copyright-section-->
<!--<div class="copyright">-->
<!--    <div class="container">-->
<!--        <div class="logo2  wow bounceInLeft" data-wow-delay="0.4s"><a href="index.html"><img src="images/logo2.png" alt="" title="logo" /></a></div>-->
<!--        <p class="write  wow bounceInRight" data-wow-delay="0.4s">Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://lidaojia.tmall.com/">力到家旗舰店</a><a target="_blank" href="http://lidaojia.tmall.com">网页模板</a></p>-->
<!--    </div>-->
<!--    <div class="clearfix"></div>-->
<!--</div>-->

<!--//end-copyright-section-->
<!--start-smoth-scrolling-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function($) {
        $(".scroll").click(function(event){
            event.preventDefault();
            $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
        });
    });
</script>
<!--start-smoth-scrolling-->
<script type="text/javascript">
    $(document).ready(function() {
        /*
        var defaults = {
              containerID: 'toTop', // fading element id
            containerHoverID: 'toTopHover', // fading element hover id
            scrollSpeed: 1200,
            easingType: 'linear'
         };
        */

        $().UItoTop({ easingType: 'easeOutQuart' });

    });
</script>
<a href="#head" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>



</body>
</html>